﻿<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>人脸识别</title>
		<link rel="stylesheet" type="text/css" href="../css/pop.css">
		<link rel="stylesheet" type="text/css" href="../css/normal.css">
		<link rel="stylesheet" type="text/css" href="../css/loading.css">
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/detect.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript" src="../js/pop.js"></script>
		<script type="text/javascript" src="../js/recognise.js"></script>
		<script type="text/javascript" src="../js/map.js"></script>
		<script type="text/javascript" src="../js/json2.js"></script>
		
		<script type="text/javascript">
		function Init()
		{
			document.getElementById("fileText").value = "";
			var el = document.getElementById("cloudwalkwebobj");
			createPlugin(el);
		}
		</script> 
	<style type="text/css">
		*{padding:0;
		margin:0;}
	.pic{
	margin:26px 0 20px 0;
	}
	.top4 div{
		float:left;
		width:170px;height:206px;margin-top:34px;
	}
	.top4 div img{vertical-align:middle;}
	</style>    
	</head>
	<body onload="Init()"  style="background:rgba(0,0,0,0.15);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#26000000,endcolorstr=#26000000);height:970px;">
		<input type="file" id="fileUpload" onchange="previewImage(this)"  style="display:none;"/>  
		<div class="rec_content" >
            <div class="rec_top2">
           		 <div class="img" style="width:335px;height:400px;text-align:center;vertical-align:middle;display:inline-block;line-height:400px;">
            		<img id="imghead"  border=0 src='../images/tianjiazhaopian.png' style="max-height:400px;max-width:335px;vertical-align:middle;">	
               	 </div>
                 <div class="pic">
                 	<form action="#" method="get" style="padding-top:4px;overflow:hidden;width:340px;">
                    	<input type="text" id="fileText" readonly style="float:left;vertical-align:middle;border:red solid 1px;height:30px;width:240px;display:block;">
						<img id = "shangchuan1" alt="" src="../images/shangchuan.png" style="float:left;vertical-align:middle;margin-left:5px;line-height:50px;cursor:pointer;margin-top:1.5px;"  onclick="click_GetRecongniseFace();"/>
						<img id = "xiangji1" alt="" src="../images/xiangji.png"  style="float:left;vertical-align:middle;margin-top:-1.5px;margin-left:5px;line-height:50px;cursor:pointer;" onclick="showBg('imghead');"/>
                    </form>
                 </div>
            </div><!--rec_top2结束-->
            <div  class="rec_top2_2">
                 <span id = "recogniseBtn" style="margin-top:14px;display:block;background-color:#CE4242;font:normal 24px 微软雅黑;color:white;text-align:center;height:63px;line-height:63px;float:left;cursor:pointer;" onclick = "faceRecongnise();">点击识别</span>
               	 </span>
            	
            </div>
			<div style="clear:both;"></div>

			<div class="top4" style="position:absolute;background:url('../images/xiakuang.png');width:920px;height:274px;">
				<div style="margin-left:25px; width:170px;height:206px;line-height:206px;display:inline-block;">
				<img id="index1" alt="" src="../images/renlianshibiezhaopian.png" style=" max-height:206px;max-width:170px;cursor:pointer;" onclick="click_GetBase64ByLocalImg(this);"/>
				</div>
				<div style="float:left;margin:0 5px;margin-top:34px;width:170px;height:206px;text-align:center;vertical-align:middle;display:inline-block;line-height:206px;">
				<img id="index2" alt="" src="../images/renlianshibiezhaopian.png" style="max-height:206px;max-width:170px;cursor:pointer;" onclick="click_GetBase64ByLocalImg(this);"/>
				</div>
				<div style="float:left;width:170px;height:206px;text-align:center;vertical-align:middle;display:inline-block;line-height:206px;">
				<img id="index3" alt="" src="../images/renlianshibiezhaopian.png" style="max-height:206px;max-width:170px;cursor:pointer;" onclick="click_GetBase64ByLocalImg(this);"/>
				</div>
				<div style="float:left;margin:0 5px;margin-top:34px;width:170px;height:206px;text-align:center;vertical-align:middle;display:inline-block;line-height:206px;">
				<img id="index4" alt="" src="../images/renlianshibiezhaopian.png" style="max-height:206px;max-width:170px;cursor:pointer;" onclick="click_GetBase64ByLocalImg(this);"/>
				</div>
				<div style="float:left;width:170px;height:206px;text-align:center;vertical-align:middle;display:inline-block;line-height:206px;">
                <img id="index5" alt="" src="../images/renlianshibiezhaopian.png"  style="max-height:206px;max-width:170px;cursor:pointer;"  id= "imghead2" onclick="click_GetBase64ByLocalImg(this);" />
				</div>
				<span class="reco" id="img1sorce" style="display:block;float:left;width:180px;height:20px;margin-left:75px;font-size:20px;color:red;font-weight:bold;"></span>
				<span class="reco" id="img2sorce" style="display:block;float:left;width:180px;height:20px;font-size:20px;color:red;font-weight:bold;"></span>
				<span class="reco" id="img3sorce" style="display:block;float:left;width:180px;height:20px;font-size:20px;color:red;font-weight:bold;"></span>
				<span class="reco" id="img4sorce" style="display:block;float:left;width:180px;height:20px;font-size:20px;color:red;font-weight:bold;"></span>
				<span class="reco" id="img5sorce" style="display:block;float:left;width:40px;height:20px;font-size:20px;color:red;font-weight:bold;"></span>
				<input type="file" id="fileUpload2" onchange="previewImage2(this)"  style="display:none;"/>  
			</div>
		</div> 
		<div id="cloudwalkwebobj" style=" margin: 0 auto;" align="center"></div>
<!--弹出层开始-->
<div id="main">
	<div id="fullbg"></div> 
		<div id="dialog"> 
		<p class="close"><a href="#" onclick="closeBg();"></a></p> 
		<div id="cloudwalkwebobjadd" style=" margin: 0 auto;" align="center"></div>
		<div id="closeBtn" class="close_button"> <img src="../images/xiangjipaizhao.png"/ onclick="takePicture();"> </div> 
	</div> 
</div> 
<!--弹出层结束--> 
		<div id="over" class="over"></div>
		<div id="layout" class="layout"><img src="../images/loading.gif" /><p id="reco" style="margin-left:2px;"></p></div>
	</body>
</html>